<!--用户管理 -->
<template>
    <div class="each-model">

        <div class="page-nav">
            <el-breadcrumb separator="/">
                <el-breadcrumb-item :to="{ path: '/' }"><i class="el-icon-home" style="margin-right: 6px;"></i>代理商管理</el-breadcrumb-item>
            </el-breadcrumb>
        </div>
        <div class="page-content">
            <div class="page-content-box">
                <div class="page-content-header">
                    <div class="model-title">
                        <span>详细信息</span>
                        <div class="add-new-btn">
                            <el-button @click="$router.go(-1)" style="margin-top: 4px;" size="small" type="primary" icon="arrow-left">返回</el-button>
                        </div>
                    </div>
                </div>
                <div class="page-content-main">
                    <div class="model-content">
                        <el-form  label-width="120px">
                            <el-form-item label="客户名称" prop="name">
                                <span>{{form.name}}</span>
                            </el-form-item>
                            <el-form-item label="地址" prop="address">
                                <span>{{form.address}}</span>
                            </el-form-item>
                            <el-form-item label="联系人" prop="phone">
                                <span>{{form.contactName}}</span>
                            </el-form-item>
                            <el-form-item label="联系电话" prop="phone">
                                <span>{{form.contactName}}</span>
                            </el-form-item>

                            <el-form-item label="添加时间" prop="createDate">
                                <span>{{form.createDate}}</span>
                            </el-form-item>
                            <el-form-item label="状态" prop="comment">
                                <span v-if="form.status==0">正常</span>
                                <span v-if="form.status==1">删除</span>
                            </el-form-item>
                            <el-form-item label="备注" prop="comment">
                                <span>{{form.comment}}</span>
                            </el-form-item>
                        </el-form>
                    </div>
                </div>

            </div>
        </div>
    </div>
</template>

<script type="text/ecmascript-6">
    export default {
        name: 'custormForm',
        data : function(){
            return {
                form: {
                    name: '',
                    address: '',
                    phone: '',
                    comment: ''
                },
            }
        },
        methods: {
            cancelForm: function () {
                this.$router.go(-1);
            },
            getCustomInfo:function(){
                var that=this;
                this.$rsClient.get("/customerInfo/"+this.$route.query.id,function(custom){
                    that.form=custom;
                });
            }
        },
        components: {
        },
        mounted:function(){
            if(this.$route.query.id){
                this.getCustomInfo();
            }
        }
    }
</script>
<!-- Add "scoped" attribute to limit CSS to this component only -->
<style lang="less" scoped>

</style>
